Словарь терминов

Адаптивный веб-дизайн

Адаптивный веб-дизайн (от англ. Responsive web design, в дословном переводе - «отзывчивый» или «реагирующий веб-дизан») – это категория веб-дизайна, призванная адаптировать содержимое веб-страниц для любых мобильных устройств.
Концепция адаптивного или «резинового» веб-дизайна (от англ. Concept of Responsive Web Design) применяется при создании или оптимизации уже созданных веб-ресурсов для возможности их использования любым электронным считывающим устройством, имеющим доступ в Интернет - смартфоном, планшетом или нетбуком. Она позволяет просматривать веб-страницы независимо от того, какое разрешение имеет его экран.

Адаптивный веб-дизайн использует адаптивную верстку - Media Queries и масштабируемые изображения. Он учитывает изменение изображения при помощи javascript со стороны клиента, уменьшение объема и разрешения со стороны сервера. Основой адаптивного веб-дизайна является унификация веб-страниц для их корректного отображения при помощи гибкой архитектуры, позволяющей мобильному устройству автоматически приспосабливаться к особенностям оригинального содержимого сайтов.

История

Первое упоминание об адаптивном веб-дизайне принадлежит Этану Маркотту, который использовал его в одной из своих статей в 2010 году. Выпущенная вслед за этим книга «Адаптивный веб-дизайн» (англ. Responsive Web Design) описывает три основных раздела:

1. Резиновая модульная сетка;
2. Резиновые изображения;
3. Использование Мedia Queries.